<template>
  <div class="personalcontent">
    <div  class="order">
        <div class="deliver">
            <img src="../../../../static/images/personal1.png" alt="">
            <p>待发货</p>
        </div>
        <div class="receive">
            <img src="../../../../static/images/personal2.png" alt="">
            <p>待收货</p>
        </div>
        <div class="deliver">
            <img src="../../../../static/images/personal3.png" alt="">
            <p>退款退货</p>
        </div>
        <div class="deliver">
            <img src="../../../../static/images/personal4.png" alt="">
            <p>全部订单</p>
        </div>
    </div>
    <div class="division"></div>
    <div  class="line " v-for="item in personalList1" :key="item.id">
        <img :src="item.imgUrl" alt="">
        <span>{{item.text}}</span>
        <span class="iconfont enter">&#xe635;</span>
    </div>
    <div class="division"></div>
    <div  class="line " v-for="item in personalList2" :key="item.id">
        <img :src="item.imgUrl" alt="">
        <span>{{item.text}}</span>
        <span class="iconfont enter">&#xe635;</span>
    </div>
    <div class="division"></div>
    <div  class="line " v-for="item in personalList3" :key="item.id">
        <img :src="item.imgUrl" alt="">
        <span>{{item.text}}</span>
        <span class="iconfont enter">&#xe635;</span>
    </div>
    <div class="division-footer"></div>
    <!-- <common-nav :nav="navList"></common-nav> -->
  </div>
</template>

<script>
export default {
  name: 'PersonalHeader',
  props:{
      personalList1:Array,
      personalList2:Array,
      personalList3:Array
  },
  data () {
    return {
      
    }
  }
}
</script>


<style lang="stylus" scoped>
.personalcontent
    width 100%
    margin-top .2rem  
    background-color #fff
    .order
        width 100%
        height 2rem
        .deliver    
            width 25%
            height 2rem
            text-align center
            padding-top .2rem 
            float left 
            img     
                width 1rem
            p   
                font-size .28rem
                font-weight 600
                padding-top .2rem 
        .receive
            width 25%
            height 2rem
            text-align center
            padding-top .2rem
            float left 
            img     
                width 1rem
            p   
                font-size .28rem
                font-weight 600
                padding-top .2rem 
    .line
        width 100%
        height 1rem
        border-bottom 1px solid #efefef
        line-height 1rem
        font-size .28rem
        padding-left .4rem
        font-weight bold
        img 
            width .6rem
            vertical-align middle
            padding-bottom .1rem
        .enter
            float right
            padding-right .5rem 
    .division
        height .2rem 
        background-color #efefef
        width 100%
    .division-footer
        height 1rem
        background-color #efefef
        width 100%
</style>
